<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<h3> Hello Flask ... </h3>
<form method="post">

    {{ form.csrf_token}}

    {{ form.author_name.label}}
    <p>{{ form.author_name }}</p>
    {% for msg in form.author_name.errors %}
    <p> {{ msg }}</p>
    {% endfor %}

    {{ form.book_name.label}}
    <p>{{ form.book_name }}</p>
    {% for msg in form.book_name.errors %}
    <p> {{ msg }}</p>
    {% endfor %}

    {{ form.submit }}
</form>

<hr>
<ul>
    {% for author in authors %}
    <li>作者: {{ author.name }}</li>
    <ul>
        {% for book in author.books %}
        <li>书籍: {{ book.name }}</li>
        <!--<a href="javascript:;" book-id="{{ book.id }}">ajax删除</a>-->
        <a href="/delete_book?book_id={{ book.id }}">get删除</a>
        {% endfor %}
    </ul>
    {% endfor %}
</ul>

<script type="text/javascript" src="/static/js/jquery-1.8.3.min.js"></script>
<script>
    // $("a").click(
    //     function () {
    //         var data = {
    //             book_id: $(this).attr("book-id")
    //         };
    //         // 将js中的对象转换为json字符串
    //         var req_json = JSON.stringify(data);
    //         // $.post("/delete_book",req_json,function (resp) {
    //         //     if (resp.code == 0){
    //         //         location.href = "/";
    //         //     }
    //         // })
    //         // 完整的ajax请求
    //         $.ajax({
    //             url: "/delete_book",  // 请求的后端url
    //             type: "post",         // 请求方式
    //             data: req_json,       // 向后端发送的请求体数据
    //             contentType: "application/json",  // 指明向后端发送的数据格式
    //             dataType: "json",     // 指明后端返回的数据格式
    //             success: function (resp) {
    //                 if (resp.code == 0) {
    //                     location.href = "/";
    //                 }
    //             }
    //         })
    //
    //     })

</script>

</body>
</html>